#common-banner{
  >div{
    height: 40vh;
    position: relative;
    .banner-box{
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 10;
      .img-box{
        background-size: cover;
        background-position: center;
        height: 100%;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        opacity: 0;
        transition: all 0.5s linear;
      }
      .img-box.active{
        opacity: 1;
        z-index: 10;
      }
    }
  }
}

@media (max-width: 800px) {
  #common-banner{
    display: none;
  }
}